import { FC, PropsWithChildren } from "react";
import { styled } from "styled-components";


interface LinkProps extends PropsWithChildren {
  href: string;
  className?: string;
}

const Link: FC<LinkProps> = (props) => {
  const {
    href,
    className,
    children
  } = props;

  return <a href={href} className={className}>{children}</a>
}

const StyledLink = styled(Link)`
  color: green;
  font-size: 40px;
`

export function StyledComponentsTest4() {
  return <div>
  <StyledLink href='#aaa'>click me</StyledLink>
</div> 
}